<template>
  <div style="padding: 0 15px">
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1721032401923" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1924" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32">
      <path :fill="topTheme.includes('linear') ? 'rgba(44, 78, 120, 1)' : '#fff'" d="M553.28 141.248l296.32 212.032a128.064 128.064 0 0 1 12.672 10.496 120.64 120.64 0 0 1 12.864 14.912 96.512 96.512 0 0 1 7.04 11.136 121.92 121.92 0 0 1 7.936 17.92 130.752 130.752 0 0 1 3.52 12.736 92.352 92.352 0 0 1 1.92 12.928 93.312 93.312 0 0 1 0.448 9.856v341.952c0 61.184-49.792 110.784-111.168 110.784H633.28v-161.152A121.088 121.088 0 0 0 512 614.016a121.088 121.088 0 0 0-121.28 120.832V896H239.168C177.728 896 128 846.4 128 785.216V443.264a110.08 110.08 0 0 1 38.592-83.84 110.08 110.08 0 0 1 7.744-6.144l296.384-212.032A69.952 69.952 0 0 1 509.248 128a71.68 71.68 0 0 1 44.032 13.184z" p-id="1925"></path>
    </svg>
  </div>
</template>

<script setup>
import useSettingsStore from "@/store/modules/settings";

const settingsStore = useSettingsStore();
const topTheme = computed(() => settingsStore.topTheme);

defineProps({
  isActive: {
    type: Boolean,
    default: false,
  },
});

const emit = defineEmits();
// const toggleClick = () => {
//   emit('toggleClick');
// }
</script>

<style scoped>
.hamburger {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.hamburger.is-active {
  transform: rotate(180deg);
}
</style>
